<!DOCTYPE html>
<html lang="en" xmlns: xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
    <title>绑定网贷银行卡—小牛在线</title>
    <script th:src="@{/js/jquery-1.12.4.js}"></script>
    <link rel="stylesheet" th:href="@{/css/apply.css}"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
    <script th:src="@{/js/bootstrap.js}"></script>
    <meta content="upgrade-insecure-requests" http-equiv="Content-Security-Policy">
    <link href="http://image.xiaoniu88.com/static/WebXn/dist/images/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link href="http://image.xiaoniu88.com/static/WebXn/dist/css/base-ddb0535420.css" rel="stylesheet"/>
    <script src="http://image.xiaoniu88.com/static/WebXn/dist/lib/base-6100562494.js" type="text/javascript"></script>
    <link rel="stylesheet" th:href="@{/css/base-ddb0535420 (1).css}"/>

    <script>
        window.global = {
            cdn: "//image.xiaoniu88.com",
            siteroot: "https://www.xiaoniu88.com",
            staticPath: "//image.xiaoniu88.com/static/WebXn/dist",
            contextPath: "/payment",
            serverTime: "1591919679692" * 1,
            userId: "6086292",
            isLogin: true
        }
    </script>

    <script src="//image.xiaoniu88.com/static/WebXn/dist/module/common/common-83987ed24e.js" type="text/javascript"></script>
    <script>
        $(function () {
            seajs.use('module/common/common')
        })
    </script>
    <link rel="stylesheet" th:href="@{/css/apply.css}"/>
    <link href="//image.xiaoniu88.com/static/WebXn/dist/page/payment/deposit/apply/css/apply-73c8a78781.css" rel="stylesheet"/>
</head>
<body>
<!--<div th:include="common/admin/common::common_footer_script"/>-->
<input id="em" th:value="${session.loanUsers.email}" type="hidden"/><!--th:value="${session.user.email}"-->
<input id="emcode" type="hidden"/>
<input id="checked" type="hidden"/><!--th:value="${session.applyType}"-->

<div class="affiche" id="afficheModel">

<span>小牛在线提醒您：为了更流畅的访问本网站，建议您使用IE9.0及以上版本浏览器或360浏览器。
	<a class="link" href="http://se.360.cn" rel="nofollow" target="_blank">点击进入360官网下载&gt;&gt;</a>
</span>
    <i class="icon-common icon-common-close"></i>
</div>


<!--<header th:replace="/common::commonHeader"></header>

&lt;!&ndash;导航&ndash;&gt;
<div th:replace="/common::commonNav"></div>-->
<div class="row">
    <div th:replace="loan/public::head"></div>
</div>
<div class="container" style="width: 100%;">
    <div class="g-account-main">
        <div class="path">您现在的位置：我的账户 &gt;
            <span id="pathTitle">绑定网贷银行卡</span>
        </div>
        <div class="center user-box">

            <!--start 我的账户左边菜单列表--><!--th:replace="/user/AccountSafe::usersafe"-->
            <!--<div th:replace="AccountSafe::usersafes"></div>-->
            <div th:replace="loan/alone/AccountOverview::inflist"/>

            <script src="//image.xiaoniu88.com/static/WebXn/dist/module/userNavList/js/init-09a2ab6833.js"></script>
            <script>
                $(function () {
                    seajs.use('module/userNavList/js/init');
                });
            </script>

            <!--end 我的账户左边菜单列表-->
            <input id="userNavList" type="hidden" value="bankCard">
            <!-- 左侧当前选中菜单 -->
            <div class="account-cont" id="contanier"><!-- th:if="${session.carlist} le 0 "th:if="${session.applyType} eq apply"-->
                <div class="at-til">
                    <span class="name">添加车辆</span>
                </div>
                <div class="bindcard-form" id="bindcardForm">
                    <form enctype="multipart/form-data" method="post" th:action="@{/loan/Personal/relations}">
                        <div style="    margin-right: 158px;">
                            <label>联系人1姓名：</label>
                            <input class="bindcard-input" id="name" name="loanname1" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" style="width: 190px;height: 15px"
                                   type="text"
                                   value="">
                        </div>
                        <div style="    margin-right: 158px;">
                            <label>联系人1手机：</label>
                            <input class="bindcard-input" id="idcard" maxlength='11' name="phone1" style="width: 190px;height: 15px" type="text" value="">
                        </div>
                        <div style="width: 680px;">
                            <label>联系人1关系：</label>
                            <select class="bindcard-input selected" id="bankofdeposit" name="relation">
                                <option>请选择</option>
                                <option value="配偶">配偶</option>
                                <option value="父母">父母</option>
                                <option value="子女">子女</option>
                                <option value="亲戚">亲戚</option>
                                <option value="同学">同学</option>
                                <option value="朋友">朋友</option>
                                <option value="同事">同事</option>
                            </select>
                            <span class="bindcard-tip" id="bn"></span>
                        </div>
                        <div style="    margin-right: 158px;">
                            <label>联系人2姓名：</label>
                            <input class="bindcard-input" name="loanname2" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" style="width: 190px;height: 15px"
                                   type="text"
                                   value="">
                        </div>
                        <div style="    margin-right: 158px;">
                            <label>联系人2手机：</label>
                            <input class="bindcard-input" maxlength='11' name="phone2" style="width: 190px;height: 15px" type="text" value="">
                        </div>
                        <div style="width: 680px;">
                            <label>联系人2关系：</label>
                            <select class="bindcard-input selected" id="relation2" name="relation2">
                                <option>请选择</option>
                                <option value="配偶">配偶</option>
                                <option value="父母">父母</option>
                                <option value="子女">子女</option>
                                <option value="亲戚">亲戚</option>
                                <option value="同学">同学</option>
                                <option value="朋友">朋友</option>
                                <option value="同事">同事</option>
                            </select>
                        </div>
                        <input class="btn" style="margin-left: -15px;width: 100px;color: #fff1e6;background-color:#658297" type="submit" value="立即绑定"/>
                    </form>

                </div>
            </div>
        </div>
        <div class="g-h30"></div>
    </div>
</div>
<!--end 内容-->


<script src="//image.xiaoniu88.com/static/WebXn/dist/page/payment/deposit/apply/js/apply-ea73681945.js"></script>
<script>
</script>


<div class="row">
    <!--网站底部-->
    <div th:replace="common/public::footer"></div>
</div>

<!--end 尾部-->

<!--引入统计代码-->

<div style="display:none">
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o),
                m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

        ga('create', 'UA-104712537-1', 'auto');
        ga('send', 'pageview');

    </script>
</div>

<!--<script type="text/javascript">
    var couldsub = false;
    var jishi = 59;
    var jishuTishi;
    var yhMa;

    //邮箱验证码
    var count = 60; //设置每次验证码的有效时间，间隔函数，1秒执行
    var InterValObj1; //timer变量，控制时间
    var curCount1;//当前剩余秒数
    var random= Math.floor(Math.random()*(1000-9999))+9999;//产生四位随机数
    /*第一*/
    function sendMessage1() {
        curCount1 = count;
        var em = $.trim($('#em').val());
        /*if (!emailreg.test(em)) {
            alert(" 请输入有效的邮箱地址");
            return false;
        }*/
        random= Math.floor(Math.random()*(1000-9999))+9999;//第二次及以后每点击一次发送，都重新赋值 否则random为null
        var myEmail=$('#em').val();
        sendEmail(random,myEmail);//发送邮件
        //设置button效果，开始计时
        $("#btnSendCode1").attr("disabled", "true");
        $("#btnSendCode1").val( + curCount1 + "秒再获取");
        InterValObj1 = window.setInterval(SetRemainTime1, 1000); //启动计时器，1秒执行一次
        //向后台发送处理数据
    }
    //剩余时间显示
    function SetRemainTime1() {
        if (curCount1 == 0) {
            window.clearInterval(InterValObj1);//停止计时器
            $("#btnSendCode1").removeAttr("disabled");//启用按钮
            $("#btnSendCode1").val("重新发送");
            random='';//时间到了，清空验证码的值
        }
        else {
            curCount1&#45;&#45;;
            $("#btnSendCode1").val( + curCount1 + "秒再获取");
        }
    }
    function addbank() {
        $.post("[[@{/laon/Personal/updbankst}]]",{
        }, function (data) {
            window.location.replace("[[@{/loan/Personal/preapply}]]")
        },'text');
    }
    function delbank() {
     var msg = "您真的确定要删除吗？";
     if (confirm(msg)==true){
         var delid = $("#tonys").attr("value");
         alert(delid);
           /*$.post("[[@{/Personal/delbankst}]]",{
               id : delid
           }, function (data) {
               window.location.replace("[[@{/Personal/preapply}]]")
           },'text');*/
         }else{
         return false;
     }


    }

    function sendEmail(emailcode,myEmail){
        $.ajax({
            url:"[[@{/loan/Personal/sendEmail}]]",
            data:{"emailcode":emailcode,"myEmail":myEmail},
            type:"POST",
            success:function(data){
                if(data>0){
                    alert('邮件已经发送到您的邮箱，请注意查收');
                }else{
                    alert("邮件未发送成功，请联系管理员");
                }
            },
            error:function(){
                alert("服务器忙");
            },
            dataType:"json"
        });
    }



    function checkUN() {
        var uName = $("#uName").val();
        if(uName!=null||uName!=""){
            $("#unameMsg").replaceWith("<span style='width: 153px;' class=\"bindcard-tip\" id=\"unameMsg\">车辆名称与驾驶证名称必须一致</span>");
        }
    }
    function checkIden() {
        var identity = $("#identity").val();
        if(identity==null||identity==""){
            $("#iden").replaceWith("<span class=\"bindcard-tip\" id=\"iden\" data-tip=\"请输入车牌号\">请输入车牌号</span>");
        }else if(identity!=null||identity!=""){
            var idCardReg = /(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)/;
            if(!(/(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)/.test(identity))){
                $("#iden").replaceWith("<span class=\"bindcard-tip errTip\" id=\"iden\">请输入正确车牌号</span>");
            }
        }
    }
    function checkCid() {
        var cardId = $("#cid").val();
        if(cardId==null||cardId==""){
            $("#cidmsg").replaceWith("<span class=\"bindcard-tip\" id=\"cidmsg\">仅支持储蓄卡</span>");
        }
    }
    function checkBn() {
        var bankName = $("#bankName").val();
        if (bankName == null || bankName == "") {
            $("#bn").replaceWith("<span class=\"bindcard-tip\" id=\"bn\"></span>");
        }
    }

    function bind() {
        couldsub = true;
        var uName = $("#name").val();
        var identity = $("#idcard").val();
       /* var cardId = $.time($("#cid").val());*/
        var cardId = $("#cid").val();
        var bankName = $("#bankofdeposit").val();
        /*var arge = $("#arge").val();*/
        var code = $("#code").val();

        if (identity == null || identity == "") {
            couldsub = false;
            $("#iden").replaceWith("<span class=\"bindcard-tip errTip\" id=\"iden\">该选项不能为空！</span>");
        } else {
            var idCardReg = /(^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)/;
            if (!idCardReg.test(identity)) {
                $("#iden").replaceWith("<span class=\"bindcard-tip errTip\" id=\"iden\">请输入正确的车牌号</span>");
            }
            couldsub = false;
        }
        if (uName == null || uName == "") {
            couldsub = false;
            $("#unameMsg").replaceWith("<span class=\"bindcard-tip errTip\" id=\"unameMsg\">该选项不能为空！</span>");
        }else if (cardId == null || cardId == "") {
            couldsub = false;
            $("#cidmsg").replaceWith("<span class=\"bindcard-tip errTip\" id=\"cidmsg\">该选项不能为空！</span>");
        }else if (bankName == null || bankName == "") {
            couldsub = false;
            $("#bn").replaceWith("<span class=\"bindcard-tip errTip\" id=\"bn\">该选项不能为空！</span>");
        }else if(code != random){
            alert("无效的验证码")
            couldsub = false
        }else {
            couldsub = true
        }
        if (couldsub == true) {
            // $.post("[[@{/Personal/applyupd}]]",{
            //     uName: uName,
            //     identity: identity,
            //     cardId: cardId,
            //     bankName: bankName
            // }, function (data) {
            //     window.location.replace("[[@{/Personal/preSafe}]]")
            // },'text');
        }
    }
</script>-->
<script>


</script>
</body>
</html>